<style>
	.head-container {
		padding: 10px 0 14px;
		margin-bottom: 15px;
		border-bottom: 1px solid #E3E3E5;
	}

	.head-container .mes {
		margin-right: 10px;
		float: left;
	}

	.head-container .mes p {
		font-size: 12px;
		color: #CFCFCF;
		margin-bottom: 6px;
	}

	.head-container .mes input {
		width: 220px;
		height: 34px;
	}

	.head-container .flow {
		float: left;
		margin-right: 10px;
	}

	.head-container .flow p {
		font-size: 12px;
		color: #CFCFCF;
		margin-bottom: 6px;
	}

	.head-container .flow .flow-select {
		width: 140px;
		height: 34px;
	}

	.head-container .button-group {
		padding-top: 23px;
	}

	.price-result-wrap .price-content:last-child {
		border-bottom: none;
	}
</style>

<div id="priceList" class="pl-24 pr-24">
	<div class="hl-list-title">
		<h4>楼宇管理</h4>
	</div>

	<div class="head-container clearfix">
		<div class="flow">
			<p>项目</p>
			<hl-select :data="project" v-model="projectId" width="180" @on-change="selBuildingDt"></hl-select>
		</div>

		<div class="button-group">
			<hl-button size="mini">查询</hl-button>
			<hl-button size="mini" @on-click="resetDt">重置</hl-button>
		</div>
	</div>

	<div class="price-result-wrap br-4 global_table" style="border:1px solid #E5E5E5;">
		<ul class="dy-flex border-b global_table_title">
			<li class="dy-fx-1">序</li>
			<li class="dy-fx-3">项目</li>
			<li class="dy-fx-3">楼栋</li>
			<li class="dy-fx-1 border-l">操作</li>
		</ul>

		<div>
			<ul class="dy-flex price-content global_table_item" v-for="(item, index) in buildingObj.buildingList">
				<li class="dy-fx-1">{{ index+1 }}</li>
				<li class="dy-fx-3">{{ projectName }}</li>
				<li class="dy-fx-3">{{ item.name }}</li>
				<li class="dy-fx-1 border-l">
					<a href="javascript:;" @click="toUrl(item)">查看</a>
				</li>
			</ul>
		</div>
	</div>

	<div class="js-show-title hide br-4"></div>

	<div class="user-page ptb-10 clearfix">
		<div class="pull-left user-page-num">
			<span class="font-14">共<i>{{buildingObj.totalCount}}</i>条记录</span>
			<span>每页
				<hl-select :data="pageLimits" v-model="limit" width="80" @on-change="showPages"></hl-select>
				条
			</span>
		</div>
		<div class="pull-right">
			<ul class="page" id="page"></ul>
		</div>
	</div>
</div>

<script src="modules/price/scripts/buildingList.js" charset="utf-8"></script>
